<template>
  <div style="height: 100%; width: 100%">
  <!-- 学生班考试相关页面 -->
  <el-container style="background-color: aliceblue ;">
    <el-aside width="200px">
      <el-menu
        active-text-color="#ffd04b"
        background-color="#545c64"
        class="el-menu-vertical-demo"
        default-active="2"
        text-color="#fff"
      >
        <el-menu-item index="1">
          <router-link to="/page/info/student/show" class="RouterLinkStyle">个人信息</router-link>
        </el-menu-item>

        <el-menu-item index="2">
          <router-link to="/page/info/student/alter" class="RouterLinkStyle"
            >修改信息</router-link
          >
        </el-menu-item>
      </el-menu>
    </el-aside>
    <el-main class="EmMainStyle">
      <router-view name="PageStudentInfoRouter"></router-view>
    </el-main>
  </el-container>
</div>
</template>
<script setup>
import {
Document,
Menu as IconMenu,
Location,
Setting,
} from "@element-plus/icons-vue";
</script>

<style>
.el-menu-vertical-demo:not(.el-menu--collapse) {
width: 200px;
min-height: 750px;
}
.RouterLinkStyle {
text-decoration: none;
color: rgb(247, 246, 236);
}
.EmMainStyle{
width: 100%;
height: 100%;
background-color: aliceblue ;
}
</style>